<template>
	<div class="junshi-box">
		<div class="jun-detai" v-for="item in this.$store.state.junshiNewList">
			<div class="jun-imger">
				<img :src="item.thumbnail_pic_s" alt="">
				<img :src="item.thumbnail_pic_s02" alt="">
			</div>
			<p>{{ item.title }}</p>
		</div>
	</div>
</template>

<script>
	import { nowNew } from '../libs/getData.js'
	export default {
		name: 'JunShi',
		mounted() {
			nowNew('junshi')
		}
	}
</script>

<style lang="less" scoped="scoped">
	.junshi-box{
		width: 96%;
		margin: .44rem 2%;
		.jun-detai{
			width: 100%;
			height: 1.9rem;
			.jun-imger{
				display: flex;
				justify-content: space-around;
				img{
					width: 45%;
					height: 1.4rem;
				}
				p{
					width: 100%;
					height: .2rem;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}
</style>
